body {
  background: url(../images/login.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.czq_header {
  position: static;
}
.czq_header .container img {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  border-radius: 10%;
}
.czq_header .container img:hover {
  box-shadow: 0 0 5px red;
}
.czq_header .container ul li {
  width: 100px;
}
.main {
  margin-top: 100px;
  color: #eee;
}
.main .success {
  color: #45d2a8;
}
.main .failure {
  color: red;
}
.main .container {
  display: flex;
  background-color: rgba(0, 0, 0, 0.4);
}
.main .changepassword {
  text-align: center;
}
.main .changepassword label {
  margin-top: 30px;
}
.main .changepassword label input {
  margin-left: 5px;
}
.main .changepassword label.password {
  position: relative;
}
.main .changepassword label.password #password-info {
  position: absolute;
  top: 40px;
  left: 26px;
  font-size: 14px;
  color: #ff5c7a;
  width: 200px;
}
.main .changepassword button {
  margin-top: 20px;
}
.main .left {
  flex: 1;
  height: 1000px;
}
.main .left ul {
  padding-top: 5px;
  width: 100%;
  text-align: center;
}
.main .left ul li {
  margin-right: 15px;
  height: 50px;
  line-height: 50px;
  border: 1px solid transparent;
  cursor: pointer;
}
.main .left ul li:hover {
  border: 1px solid #45d2a8;
}
.main .left ul li.now {
  border: 1px solid #45d2a8;
}
.main .left ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.main .right {
  flex: 4;
  height: 2000px;
  border-left: 1px solid #45d2a8;
  padding: 20px 10%;
}
.main .right .submit {
  margin-top: 40px;
  width: 80px;
  height: 40px;
  background-color: #45d2a8;
  margin-left: 50%;
  transform: translateX(-50%);
}
.main .right .my-form {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #111;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.main .right .my-form[disabled] {
  color: #aaa;
}
.main .right .baseinfo {
  display: flex;
}
.main .right .baseinfo .baseinfo-left {
  margin-top: 30px;
  flex: 1;
  text-align: center;
}
.main .right .baseinfo .baseinfo-left input {
  width: 95px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.main .right .baseinfo .baseinfo-right {
  flex: 3;
}
.main .right .baseinfo .baseinfo-right input {
  margin-top: 30px;
}
.main .right .baseinfo .baseinfo-right button {
  background-color: #45d2a8;
}
.main .right .baseinfo .baseinfo-right .txtarea {
  margin-top: 30px;
  display: flex;
}
.main .right .baseinfo .baseinfo-right .txtarea textarea {
  width: 50%;
  margin-left: 5px;
  resize: none;
}
.main .right .baseinfo .baseinfo-right .gender input {
  margin-left: 10px;
}
.main .right .baseinfo .baseinfo-right .birthday {
  margin-top: 30px;
}
.main .right .baseinfo .baseinfo-right .birthday select {
  margin-left: 5px;
}
